<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Future Oly</title>
    <link rel="stylesheet" href="CSS/future.css">
    <link rel="icon" href="images/Xwuhuan.png" type="image/x-icon">
</head> 

<body>
    <div class="top">
        <img src="images/wuhuan.jpg" alt="Olympic Rings">
        <ul class="Topnavbar">
            <li><a href="Future.html">奥运会</a></li>
            <li><a href="Sports.html">体育新闻</a></li>
            <li><a href="Index.html">运动员</a></li>
            <li><a href="Originality.html">创意周边</a></li>
            <li><a href="Message.html">在线留言</a></li>
            <li><a href="Picture.html">精彩瞬间</a></li>
        </ul>
    </div> 

    <div class="main">

        <div class="title">

            <div class="T_left">
                <h1>奥运会</h1>
            </div> 

            <div class="T_right">
                <p>奥运会是世界唯一真正的全球综合性运动会。来自超过200个国家的运动员将参与夏奥会、冬奥会超过400场比赛的争夺。奥运会是全世界团结、竞争、感受鼓舞的舞台。</p>
            </div>

        </div>

        <div class="future">  
            <div class="up">未来的奥运会</div>    
            <div class="down">
                <img src="images/ML.jpg" alt="米兰科尔蒂纳冬奥会">
                <p class="date">2月6日-2月22日</p>
                <h1 class="location">2026年米兰科尔蒂纳冬奥会</h1>
            </div>

        </div>

    </div>

    <div class="bottom">
        <div class="Oly">
            <div class="text">
                <h1>青奥会</h1>
                <p>青奥会是一场为年轻天赋运动员举办的国际运动、文化、教育活动。</p>
                <a href="https://olympics.com/zh/olympic-games/youth-olympic-games">了解更多青奥会相关内容</a>
            </div>
            <img src="images/QAH.jpg" alt="青奥会图片">
        </div>
        
        <div class="Oly">
            <img src="images/CAH.jpg" alt="残奥会图片">
            <div class="text">
                <h1>残奥会</h1>
                <p>残奥会为多种类型残障的残疾运动员提供了向数百万现场观众和数十亿电视观众展现自己杰出能力的机会。</p>
                <a href="https://www.paralympic.org/">访问Paralympic.org了解更多内容</a>
            </div>
        </div>

    </div>

    <div class="under">
        <div class="Bottonnavbar">
            <div class="logo">
              <img src="images/wuhuan-2.jpg" alt="Olympic Logo">
            </div>
          
            <div class="section">
              <a href="index.html" class="first-row">奥运会</a>
              <a href="#" class="rows">巴黎2024</a>
              <a href="#" class="rows">结果和奖牌</a>
              <a href="#" class="rows">回看和集锦</a>
              <a href="#" class="rows">全部奥运会</a>
            </div>
            <div class="section">
              <a href="https://olympics.com/zh/olympic-channel" class="first-row">Olympic Channel</a>
              <a href="#" class="rows">电视频道</a>
              <a href="#" class="rows">直播赛事</a>
              <a href="#" class="rows">原创系列</a>
              <a href="#" class="rows">企业</a>
            </div>
            <div class="section">
              <a href="https://olympics.com/zh/news" class="first-row">新闻</a>
              <a href="#" class="rows">博客</a>
              <a href="#" class="rows">话题</a>
            </div>
            <div class="section">
              <a href="#" class="first-row">探索</a>
              <a href="#" class="rows">运动员</a>
              <a href="#" class="rows">运动项目</a>
            </div>
          </div>
          
          <div class="footer">
            <a href="#">国际奥委会</a>
            <a href="#">博物馆</a>
            <a href="#">商店</a>
            <a href="#">关于我们</a>
            <a href="#">联络中心</a>
            <a href="#">站点地图</a>
            <a href="#">生涯</a>
          </div>
          
          <div class="end">
            <p class="copyright">本次设计参照奥林匹克运动员网站制作@https://olympics.com/zh/athletes</p>
          </div>
    </div>
    
</body>
</html>